<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="no-cache" http-equiv="Cache-Control">
<title>源之东方</title>
<link href="__STATIC__/css/shopin.css" rel="stylesheet"/>
</head>

<body>
<div class="header">
	<div class="left"><a href="javascript:;" class="a-back"><span>返回</span></a></div>
	<div class="center">
		<h1>确认订单</h1>
	</div>
	<div class="right"><a href="javascript:;" class="a-more"><span>更多</span></a></div>
</div><!--//头部结束-->
<div class="nav sub-nav j-nav">
	<a class="on" href="index.html">首页</a>
	<a href="category.html">分类</a>
	<a href="cart.html">购物车</a>
	<a href="vip.html">我</a>
</div><!-- //二级导航结束 -->

<div class="content">
	<div class="order-buy">
		<div id="j_address" class="address order-address">
            {if condition="isset($address) == ''"}
            <p>请添加收获地址</p>
            {else /}
			<div class="info">
				收货人：<p class="name">{$address.consignee}</p>
				<p class="phone">{$address.mobile}</p>
			</div>
			<div class="details">收货地址：{$address.province}{$address.city}{$address.country}{$address.detail}</div>
            <input type="hidden" name="address" value="{$address.id}">
            {/if}
		</div><!-- //收货地址 -->
		<div class="order-list mt">
            {volist name="product_all" id='vo'}
			<div class="small">
				<div class="p"><a href="product.html"><img src="http://img.58bjcf.com/{$vo.url}"></a></div>
				<div class="d">
					<a href="#"><h3 class="d-title clamp">{$vo.description}</h3></a>
					<div class="d-main">
						<div class="sub flex">

                               {$vo.name} {$vo.color} {$vo.size}  × {$vo.num}
							<span class="price">
								<span class="s">￥<em class="n">{$vo.price}</em></span>
							</span>
						</div>
					</div>
				</div>
			</div><!-- //单品结束 -->
            {/volist}
		</div><!-- //购买商品 -->
		<div class="coupon mt">
			<div class="b-box options">
				<p class="title">选择快递</p>
				<div class="conts">
					<div class="arrow">
						<span class="j_multi">快递选择</span>
						<select name="express" class="order-select j_select">
							<option value="0">请选择</option>
							<option value="ZT">中通快递</option>
							<option value="SF">顺丰快递</option>
						</select>
					</div>
				</div>
			</div>
		</div><!-- //优惠券 -->
		<div class="list mt">
			<div class="b-box options">
				<p class="title cell">邮费说明</p>
				<div class="conts">
					<div class="arrow">
                        <p>中通 8元/单(江浙沪)</p>
						<p>顺丰 13元/单(江浙沪)</p>
                        <p>中通 15元/单(其他非港澳台)</p>
						<p>顺丰 23元/单(其他非港澳台)</p>
					</div>
				</div>
			</div>
		</div><!-- //优惠券 -->
		<div class="postage mt">
			<div class="b-box options">
				<p class="title">邮费</p>
				<div class="conts">
					<div class="arrow">
						<span id="express_money">待选择</span>
					</div>
				</div>
			</div>
		</div><!-- //邮费 -->
		<div class="bottom-bar mt">
			<div class="total-price">
				<div class="compute">
					<p class="realPay"><span class="subtotal">合计：￥</span><strong class="price" id="total_price">{$count_price}</strong></p>
					<p class="text">共1件， 含邮费 <span class="f-red" id="choice_express">【待选择】</span> 元</p>
				</div>
				<div class="submitOrder">
					<input type="button" class="btn btn-pay j_submit" value="付款" id="to_pay">
				</div>
			</div>
		</div>
	</div>
</div>
<script src="__STATIC__/js/zepto.min.js"></script>
<script src="__STATIC__/js/base.min.js"></script>
<script src="__STATIC__/js/shopin.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
//初始选中第一项
//$(".j_select").each(function(){
//	var $val = $(this).find("option:first").text();
//	$(this).prev('.j_multi').text($val);
//});
var arr = ['上海','浙江','江苏'];
$(".j_select").change(function(){
    var value = $(this).find("option:selected").text();
    $(this).prev('.j_multi').text(value);
    {if condition="isset($address)"}
	var value = $(this).find("option:selected").val();
    switch (value) {
        case 'ZT' : // 中通快递
            if($.inArray("{$address.province}", arr) !== -1) {
                $('#express_money').text('8元');
                $('#choice_express').text(8);
                $('#total_price').text((parseFloat({$count_price}) * 100 + 8 * 100)/100);
            } else {
                $('#express_money').text('15元');
                $('#choice_express').text(15);
                $('#total_price').text((parseFloat({$count_price}) * 100 + 15 * 100)/100);
            }
            break;
        case 'SF' : // 顺丰快递
            if($.inArray("{$address.province}", arr) !== -1) {
                $('#express_money').text('13元');
                $('#choice_express').text(13);
                $('#total_price').text((parseFloat({$count_price}) * 100 + 13 * 100)/100);
            } else {
                $('#express_money').text('23元');
                $('#choice_express').text(23);
                $('#total_price').text((parseFloat({$count_price}) * 100 + 23 * 100)/100);
            }
            break;
        default : // 未选择
            $('#express_money').text('待选择');
            $('#choice_express').text('待选择');
            break;
    }
   {/if}
});
$('#j_address').on('tap', function(event) {
	window.location.href="myself/address.html"
});
$('#to_pay').click(function () {
    // 需要携带地址信息和 快递信息(中通/顺丰)
    var address = $('#j_address input[name="address"]').val();
    if(!address) {
        alert('请选择您的收获地址');
        return false;
    }
    var express = $('select[name="express"]').find('option:selected').val();
    if(express == 0) {
        alert('请选择您所寄出的快递公司');
        return false;
    }
    $.ajax({
        type : 'post',
        url : '/pay',
        data: {
            'address_id' : address,
            'express' : express
        },
        success : function (data) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: data.appId, // 必填，公众号的唯一标识
                timestamp: data.timeStamp, // 必填，生成签名的时间戳
                nonceStr: data.nonceStr, // 必填，生成签名的随机串
                signature: data.paySign,// 必填，签名
                jsApiList: [
                    'chooseWXPay'
                ] // 必填，需要使用的JS接口列表

            });
            wx.ready(function(){
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                wx.chooseWXPay({
                    timestamp: data.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                    nonceStr: data.nonceStr, // 支付签名随机串，不长于 32 位
                    package: data.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
                    signType: data.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                    paySign: data.paySign, // 支付签名
                    success: function (res) {
                        console.log(res);
                        window.location.href = '/myself.html';
                    }
                });
            });
        },
        error : function (e) {
//                            console.log(e);
        }
    });

});
</script>
</body>
</html>
